<!DOCTYPE html>
<html lang="en">
<!-- https://codepen.io/woodwoerk/pen/XXJoMa -->

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>圣诞节</title>
  <style>
    @font-face {
      font-family: 'Great Vibes';
      font-style: normal;
      font-weight: 400;
      src: local('Great Vibes'), local('GreatVibes-Regular'), url(https://fonts.gstatic.com/s/greatvibes/v8/RWmMoKWR9v4ksMfaWd_JN9XFiaE.ttf) format('truetype');
    }

    .main-wrapper {
      background: radial-gradient(ellipse at bottom, #a90e0e 5%, #4e0303 55%, #330000 78%);
      position: absolute;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .tree-container {
      display: block;
      height: 370px;
      margin: 0;
      padding: 0;
    }

    .text-container {
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 14%;
      left: 15%;
      right: 15%;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      text-align: center;
    }

    .text-container h2 {
      color: rgba(252, 251, 233, 0.85);
      font-family: 'Great Vibes', cursive;
      font-weight: 400;
      margin: 0 0 0.8em 0;
    }

    .text-container h2.happy {
      font-size: 3.3em;
    }

    .text-container a.c2 {
      display: block;
      font-size: 13px;
      width: 40px;
      height: 40px;
      background-color: rgba(252, 251, 233, 0.8);
      border-radius: 50%;
      color: #8c1313;
      text-decoration: none;
      line-height: 40px;
    }

    .star {
      border-radius: 0;
      border-color: #f7b93f transparent transparent transparent;
      border-style: solid;
      border-top-width: 9.23076923px;
      border-right-width: 12px;
      border-left-width: 12px;
      height: 0;
      width: 0;
      margin-bottom: 5px;
      background: transparent;
      z-index: 100;
      animation: pulsate-star 1.4s ease-in-out infinite alternate-reverse;
    }

    .star:before,
    .star:after {
      border-color: #f7b93f transparent transparent transparent;
      border-style: solid;
      border-top-width: 9.23076923px;
      border-right-width: 12px;
      border-left-width: 12px;
      border-bottom: 0;
      content: '';
      display: block;
      height: 0;
      left: -12px;
      position: absolute;
      top: -9.23076923px;
      width: 0;
    }

    .star:before {
      -webkit-transform: translate(15.5555555%, -15.5555555%) rotate(72deg) translateY(50%);
      transform: translate(15.5555555%, -15.5555555%) rotate(72deg) translateY(50%);
    }

    .star:after {
      -webkit-transform: translate(-15.5555555%, -15.5555555%) rotate(-72deg) translateY(50%);
      transform: translate(-15.5555555%, -15.5555555%) rotate(-72deg) translateY(50%);
    }

    .spiral-container {
      width: 100%;
      height: 100%;
      display: block;
    }

    .spiral {
      position: relative;
      margin: 0;
      padding: 0;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }

    .spiral.one {
      -webkit-animation: rotate-tree 6s infinite linear both;
      animation: rotate-tree 6s infinite linear both;
      -webkit-animation-delay: -1.7s;
      animation-delay: -1.7s;
    }

    .spiral.one .light {
      background: #fcfbe9;
    }

    .spiral.two {
      -webkit-animation: rotate-tree 7s infinite linear both;
      animation: rotate-tree 7s infinite linear both;
      -webkit-animation-delay: -1s;
      animation-delay: -1s;
    }

    .spiral.two .light {
      background: #e8a41d;
    }

    .spiral.three {
      -webkit-animation: rotate-tree 8s infinite linear both;
      animation: rotate-tree 8s infinite linear both;
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s;
    }

    .spiral.three .light {
      background: #f5e393;
    }

    .spiral>.light-wrapper {
      border-radius: 50%;
      position: absolute;
      display: block;
      width: 6px;
      height: 6px;
      left: 50%;
      top: 50%;
      margin: -3px 0 0 -3px;
    }

    .spiral .stabilise {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
    }

    .spiral .light {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 50%;
      opacity: 1;
      -webkit-animation-name: pulsate;
      animation-name: pulsate;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      animation-direction: alternate-reverse;
    }

    .spiral.one .light-wrapper.light-wrapper-1 {
      -webkit-transform: translate3d(0px, 0.1px, 0.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
      transform: translate3d(0px, 0.1px, 0.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
      width: 0.3255814px;
      height: 0.3255814px;
    }

    .spiral.one .light-wrapper.light-wrapper-1 .light {
      -webkit-animation-duration: 0.81052961s;
      animation-duration: 0.81052961s;
      -webkit-animation-delay: 0.94614624s;
      animation-delay: 0.94614624s;
    }

    .spiral.one .light-wrapper.light-wrapper-2 {
      -webkit-transform: translate3d(0.0763236px, 0.39265087px, 0.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-11deg);
      transform: translate3d(0.0763236px, 0.39265087px, 0.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-11deg);
      width: 0.65116279px;
      height: 0.65116279px;
    }

    .spiral.one .light-wrapper.light-wrapper-2 .light {
      -webkit-animation-duration: 1.17875142s;
      animation-duration: 1.17875142s;
      -webkit-animation-delay: 0.95830546s;
      animation-delay: 0.95830546s;
    }

    .spiral.one .light-wrapper.light-wrapper-3 {
      -webkit-transform: translate3d(0.33714593px, 0.83446547px, 1.5px) rotateX(90deg) rotateZ(0deg) rotateY(-22deg);
      transform: translate3d(0.33714593px, 0.83446547px, 1.5px) rotateX(90deg) rotateZ(0deg) rotateY(-22deg);
      width: 0.97674419px;
      height: 0.97674419px;
    }

    .spiral.one .light-wrapper.light-wrapper-3 .light {
      -webkit-animation-duration: 0.5334927s;
      animation-duration: 0.5334927s;
      -webkit-animation-delay: 0.77534356s;
      animation-delay: 0.77534356s;
    }

    .spiral.one .light-wrapper.light-wrapper-4 {
      -webkit-transform: translate3d(0.87142246px, 1.34187291px, 2.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-33deg);
      transform: translate3d(0.87142246px, 1.34187291px, 2.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-33deg);
      width: 1.30232558px;
      height: 1.30232558px;
    }

    .spiral.one .light-wrapper.light-wrapper-4 .light {
      -webkit-animation-duration: 1.11399663s;
      animation-duration: 1.11399663s;
      -webkit-animation-delay: 1.00077979s;
      animation-delay: 1.00077979s;
    }

    .spiral.one .light-wrapper.light-wrapper-5 {
      -webkit-transform: translate3d(1.73664593px, 1.7983495px, 4.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-44deg);
      transform: translate3d(1.73664593px, 1.7983495px, 4.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-44deg);
      width: 1.62790698px;
      height: 1.62790698px;
    }

    .spiral.one .light-wrapper.light-wrapper-5 .light {
      -webkit-animation-duration: 0.32376585s;
      animation-duration: 0.32376585s;
      -webkit-animation-delay: 0.47084198s;
      animation-delay: 0.47084198s;
    }

    .spiral.one .light-wrapper.light-wrapper-6 {
      -webkit-transform: translate3d(2.94894736px, 2.06487517px, 6px) rotateX(90deg) rotateZ(0deg) rotateY(-55deg);
      transform: translate3d(2.94894736px, 2.06487517px, 6px) rotateX(90deg) rotateZ(0deg) rotateY(-55deg);
      width: 1.95348837px;
      height: 1.95348837px;
    }

    .spiral.one .light-wrapper.light-wrapper-6 .light {
      -webkit-animation-duration: 1.20254351s;
      animation-duration: 1.20254351s;
      -webkit-animation-delay: 0.44663413s;
      animation-delay: 0.44663413s;
    }

    .spiral.one .light-wrapper.light-wrapper-7 {
      -webkit-transform: translate3d(4.47637274px, 1.99300955px, 8.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-66deg);
      transform: translate3d(4.47637274px, 1.99300955px, 8.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-66deg);
      width: 2.27906977px;
      height: 2.27906977px;
    }

    .spiral.one .light-wrapper.light-wrapper-7 .light {
      -webkit-animation-duration: 1.1256307s;
      animation-duration: 1.1256307s;
      -webkit-animation-delay: 0.46612108s;
      animation-delay: 0.46612108s;
    }

    .spiral.one .light-wrapper.light-wrapper-8 {
      -webkit-transform: translate3d(6.23596841px, 1.43968675px, 10.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-77deg);
      transform: translate3d(6.23596841px, 1.43968675px, 10.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-77deg);
      width: 2.60465116px;
      height: 2.60465116px;
    }

    .spiral.one .light-wrapper.light-wrapper-8 .light {
      -webkit-animation-duration: 0.494165s;
      animation-duration: 0.494165s;
      -webkit-animation-delay: 0.87356639s;
      animation-delay: 0.87356639s;
    }

    .spiral.one .light-wrapper.light-wrapper-9 {
      -webkit-transform: translate3d(8.0950657px, 0.28268592px, 13.5px) rotateX(90deg) rotateZ(0deg) rotateY(-88deg);
      transform: translate3d(8.0950657px, 0.28268592px, 13.5px) rotateX(90deg) rotateZ(0deg) rotateY(-88deg);
      width: 2.93023256px;
      height: 2.93023256px;
    }

    .spiral.one .light-wrapper.light-wrapper-9 .light {
      -webkit-animation-duration: 0.92354987s;
      animation-duration: 0.92354987s;
      -webkit-animation-delay: 0.90051078s;
      animation-delay: 0.90051078s;
    }

    .spiral.one .light-wrapper.light-wrapper-10 {
      -webkit-transform: translate3d(9.87688341px, -1.56434465px, 16.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-99deg);
      transform: translate3d(9.87688341px, -1.56434465px, 16.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-99deg);
      width: 3.25581395px;
      height: 3.25581395px;
    }

    .spiral.one .light-wrapper.light-wrapper-10 .light {
      -webkit-animation-duration: 0.438255s;
      animation-duration: 0.438255s;
      -webkit-animation-delay: 0.7400523s;
      animation-delay: 0.7400523s;
    }

    .spiral.one .light-wrapper.light-wrapper-11 {
      -webkit-transform: translate3d(11.37028071px, -4.13844373px, 20.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
      transform: translate3d(11.37028071px, -4.13844373px, 20.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
      width: 3.58139535px;
      height: 3.58139535px;
    }

    .spiral.one .light-wrapper.light-wrapper-11 .light {
      -webkit-animation-duration: 0.74262242s;
      animation-duration: 0.74262242s;
      -webkit-animation-delay: 0.87852153s;
      animation-delay: 0.87852153s;
    }

    .spiral.one .light-wrapper.light-wrapper-12 {
      -webkit-transform: translate3d(12.34320913px, -7.41654828px, 24px) rotateX(90deg) rotateZ(0deg) rotateY(-121deg);
      transform: translate3d(12.34320913px, -7.41654828px, 24px) rotateX(90deg) rotateZ(0deg) rotateY(-121deg);
      width: 3.90697674px;
      height: 3.90697674px;
    }

    .spiral.one .light-wrapper.light-wrapper-12 .light {
      -webkit-animation-duration: 1.14103892s;
      animation-duration: 1.14103892s;
      -webkit-animation-delay: 0.47263887s;
      animation-delay: 0.47263887s;
    }

    .spiral.one .light-wrapper.light-wrapper-13 {
      -webkit-transform: translate3d(12.55914755px, -11.30830725px, 28.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-132deg);
      transform: translate3d(12.55914755px, -11.30830725px, 28.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-132deg);
      width: 4.23255814px;
      height: 4.23255814px;
    }

    .spiral.one .light-wrapper.light-wrapper-13 .light {
      -webkit-animation-duration: 1.19678322s;
      animation-duration: 1.19678322s;
      -webkit-animation-delay: 0.90793646s;
      animation-delay: 0.90793646s;
    }

    .spiral.one .light-wrapper.light-wrapper-14 {
      -webkit-transform: translate3d(11.79557445px, -15.653256px, 32.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-143deg);
      transform: translate3d(11.79557445px, -15.653256px, 32.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-143deg);
      width: 4.55813953px;
      height: 4.55813953px;
    }

    .spiral.one .light-wrapper.light-wrapper-14 .light {
      -webkit-animation-duration: 1.26481922s;
      animation-duration: 1.26481922s;
      -webkit-animation-delay: 1.20528538s;
      animation-delay: 1.20528538s;
    }

    .spiral.one .light-wrapper.light-wrapper-15 {
      -webkit-transform: translate3d(9.8633508px, -20.22286604px, 37.5px) rotateX(90deg) rotateZ(0deg) rotateY(-154deg);
      transform: translate3d(9.8633508px, -20.22286604px, 37.5px) rotateX(90deg) rotateZ(0deg) rotateY(-154deg);
      width: 4.88372093px;
      height: 4.88372093px;
    }

    .spiral.one .light-wrapper.light-wrapper-15 .light {
      -webkit-animation-duration: 1.04398688s;
      animation-duration: 1.04398688s;
      -webkit-animation-delay: 1.28327834s;
      animation-delay: 1.28327834s;
    }

    .spiral.one .light-wrapper.light-wrapper-16 {
      -webkit-transform: translate3d(6.62576755px, -24.72770115px, 42.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-165deg);
      transform: translate3d(6.62576755px, -24.72770115px, 42.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-165deg);
      width: 5.20930233px;
      height: 5.20930233px;
    }

    .spiral.one .light-wrapper.light-wrapper-16 .light {
      -webkit-animation-duration: 1.28290881s;
      animation-duration: 1.28290881s;
      -webkit-animation-delay: 0.66850817s;
      animation-delay: 0.66850817s;
    }

    .spiral.one .light-wrapper.light-wrapper-17 {
      -webkit-transform: translate3d(2.01596209px, -28.82960105px, 48.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-176deg);
      transform: translate3d(2.01596209px, -28.82960105px, 48.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-176deg);
      width: 5.53488372px;
      height: 5.53488372px;
    }

    .spiral.one .light-wrapper.light-wrapper-17 .light {
      -webkit-animation-duration: 0.6103202s;
      animation-duration: 0.6103202s;
      -webkit-animation-delay: 1.04099853s;
      animation-delay: 1.04099853s;
    }

    .spiral.one .light-wrapper.light-wrapper-18 {
      -webkit-transform: translate3d(-3.94856673px, -32.15849531px, 54px) rotateX(90deg) rotateZ(0deg) rotateY(-187deg);
      transform: translate3d(-3.94856673px, -32.15849531px, 54px) rotateX(90deg) rotateZ(0deg) rotateY(-187deg);
      width: 5.86046512px;
      height: 5.86046512px;
    }

    .spiral.one .light-wrapper.light-wrapper-18 .light {
      -webkit-animation-duration: 0.39858229s;
      animation-duration: 0.39858229s;
      -webkit-animation-delay: 0.8425856s;
      animation-delay: 0.8425856s;
    }

    .spiral.one .light-wrapper.light-wrapper-19 {
      -webkit-transform: translate3d(-11.1555135px, -34.33314024px, 60.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-198deg);
      transform: translate3d(-11.1555135px, -34.33314024px, 60.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-198deg);
      width: 6.18604651px;
      height: 6.18604651px;
    }

    .spiral.one .light-wrapper.light-wrapper-19 .light {
      -webkit-animation-duration: 0.66008094s;
      animation-duration: 0.66008094s;
      -webkit-animation-delay: 0.86663182s;
      animation-delay: 0.86663182s;
    }

    .spiral.one .light-wrapper.light-wrapper-20 {
      -webkit-transform: translate3d(-19.39238481px, -34.98478829px, 66.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-209deg);
      transform: translate3d(-19.39238481px, -34.98478829px, 66.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-209deg);
      width: 6.51162791px;
      height: 6.51162791px;
    }

    .spiral.one .light-wrapper.light-wrapper-20 .light {
      -webkit-animation-duration: 1.18079775s;
      animation-duration: 1.18079775s;
      -webkit-animation-delay: 1.01206867s;
      animation-delay: 1.01206867s;
    }

    .spiral.one .light-wrapper.light-wrapper-21 {
      -webkit-transform: translate3d(-28.34693359px, -33.78255994px, 73.5px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
      transform: translate3d(-28.34693359px, -33.78255994px, 73.5px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
      width: 6.8372093px;
      height: 6.8372093px;
    }

    .spiral.one .light-wrapper.light-wrapper-21 .light {
      -webkit-animation-duration: 0.91481573s;
      animation-duration: 0.91481573s;
      -webkit-animation-delay: 0.4594613s;
      animation-delay: 0.4594613s;
    }

    .spiral.one .light-wrapper.light-wrapper-22 {
      -webkit-transform: translate3d(-37.61386453px, -30.45910693px, 80.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-231deg);
      transform: translate3d(-37.61386453px, -30.45910693px, 80.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-231deg);
      width: 7.1627907px;
      height: 7.1627907px;
    }

    .spiral.one .light-wrapper.light-wrapper-22 .light {
      -webkit-animation-duration: 0.69450185s;
      animation-duration: 0.69450185s;
      -webkit-animation-delay: 0.52300195s;
      animation-delay: 0.52300195s;
    }

    .spiral.one .light-wrapper.light-wrapper-23 {
      -webkit-transform: translate3d(-46.70792766px, -24.83504567px, 88.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-242deg);
      transform: translate3d(-46.70792766px, -24.83504567px, 88.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-242deg);
      width: 7.48837209px;
      height: 7.48837209px;
    }

    .spiral.one .light-wrapper.light-wrapper-23 .light {
      -webkit-animation-duration: 0.95383106s;
      animation-duration: 0.95383106s;
      -webkit-animation-delay: 1.14615152s;
      animation-delay: 1.14615152s;
    }

    .spiral.one .light-wrapper.light-wrapper-24 {
      -webkit-transform: translate3d(-55.08315394px, -16.84061019px, 96px) rotateX(90deg) rotateZ(0deg) rotateY(-253deg);
      transform: translate3d(-55.08315394px, -16.84061019px, 96px) rotateX(90deg) rotateZ(0deg) rotateY(-253deg);
      width: 7.81395349px;
      height: 7.81395349px;
    }

    .spiral.one .light-wrapper.light-wrapper-24 .light {
      -webkit-animation-duration: 1.2147366s;
      animation-duration: 1.2147366s;
      -webkit-animation-delay: 0.8484512s;
      animation-delay: 0.8484512s;
    }

    .spiral.one .light-wrapper.light-wrapper-25 {
      -webkit-transform: translate3d(-62.15761846px, -6.53302895px, 104.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-264deg);
      transform: translate3d(-62.15761846px, -6.53302895px, 104.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-264deg);
      width: 8.13953488px;
      height: 8.13953488px;
    }

    .spiral.one .light-wrapper.light-wrapper-25 .light {
      -webkit-animation-duration: 0.30928539s;
      animation-duration: 0.30928539s;
      -webkit-animation-delay: 0.31277288s;
      animation-delay: 0.31277288s;
    }

    .spiral.one .light-wrapper.light-wrapper-26 {
      -webkit-transform: translate3d(-67.34276159px, 5.89172821px, 112.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-275deg);
      transform: translate3d(-67.34276159px, 5.89172821px, 112.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-275deg);
      width: 8.46511628px;
      height: 8.46511628px;
    }

    .spiral.one .light-wrapper.light-wrapper-26 .light {
      -webkit-animation-duration: 0.30633381s;
      animation-duration: 0.30633381s;
      -webkit-animation-delay: 1.04467859s;
      animation-delay: 1.04467859s;
    }

    .spiral.one .light-wrapper.light-wrapper-27 {
      -webkit-transform: translate3d(-70.07597763px, 20.09396324px, 121.5px) rotateX(90deg) rotateZ(0deg) rotateY(-286deg);
      transform: translate3d(-70.07597763px, 20.09396324px, 121.5px) rotateX(90deg) rotateZ(0deg) rotateY(-286deg);
      width: 8.79069767px;
      height: 8.79069767px;
    }

    .spiral.one .light-wrapper.light-wrapper-27 .light {
      -webkit-animation-duration: 1.01599305s;
      animation-duration: 1.01599305s;
      -webkit-animation-delay: 0.86809007s;
      animation-delay: 0.86809007s;
    }

    .spiral.one .light-wrapper.light-wrapper-28 {
      -webkit-transform: translate3d(-69.8549115px, 35.59285518px, 130.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-297deg);
      transform: translate3d(-69.8549115px, 35.59285518px, 130.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-297deg);
      width: 9.11627907px;
      height: 9.11627907px;
    }

    .spiral.one .light-wrapper.light-wrapper-28 .light {
      -webkit-animation-duration: 0.66616684s;
      animation-duration: 0.66616684s;
      -webkit-animation-delay: 1.25322087s;
      animation-delay: 1.25322087s;
    }

    .spiral.one .light-wrapper.light-wrapper-29 {
      -webkit-transform: translate3d(-66.27170438px, 51.77713007px, 140.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-308deg);
      transform: translate3d(-66.27170438px, 51.77713007px, 140.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-308deg);
      width: 9.44186047px;
      height: 9.44186047px;
    }

    .spiral.one .light-wrapper.light-wrapper-29 .light {
      -webkit-animation-duration: 1.08595298s;
      animation-duration: 1.08595298s;
      -webkit-animation-delay: 0.60673252s;
      animation-delay: 0.60673252s;
    }

    .spiral.one .light-wrapper.light-wrapper-30 {
      -webkit-transform: translate3d(-59.04531261px, 67.92386222px, 150px) rotateX(90deg) rotateZ(0deg) rotateY(-319deg);
      transform: translate3d(-59.04531261px, 67.92386222px, 150px) rotateX(90deg) rotateZ(0deg) rotateY(-319deg);
      width: 9.76744186px;
      height: 9.76744186px;
    }

    .spiral.one .light-wrapper.light-wrapper-30 .light {
      -webkit-animation-duration: 0.319216s;
      animation-duration: 0.319216s;
      -webkit-animation-delay: 1.20884397s;
      animation-delay: 1.20884397s;
    }

    .spiral.one .light-wrapper.light-wrapper-31 {
      -webkit-transform: translate3d(-48.05px, 83.2250413px, 160.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
      transform: translate3d(-48.05px, 83.2250413px, 160.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
      width: 10.09302326px;
      height: 10.09302326px;
    }

    .spiral.one .light-wrapper.light-wrapper-31 .light {
      -webkit-animation-duration: 0.40016335s;
      animation-duration: 0.40016335s;
      -webkit-animation-delay: 0.81000065s;
      animation-delay: 0.81000065s;
    }

    .spiral.one .light-wrapper.light-wrapper-32 {
      -webkit-transform: translate3d(-33.33817902px, 96.82110214px, 170.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-341deg);
      transform: translate3d(-33.33817902px, 96.82110214px, 170.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-341deg);
      width: 10.41860465px;
      height: 10.41860465px;
    }

    .spiral.one .light-wrapper.light-wrapper-32 .light {
      -webkit-animation-duration: 1.18490711s;
      animation-duration: 1.18490711s;
      -webkit-animation-delay: 0.40437742s;
      animation-delay: 0.40437742s;
    }

    .spiral.one .light-wrapper.light-wrapper-33 {
      -webkit-transform: translate3d(-15.15595069px, 107.84019269px, 181.5px) rotateX(90deg) rotateZ(0deg) rotateY(-352deg);
      transform: translate3d(-15.15595069px, 107.84019269px, 181.5px) rotateX(90deg) rotateZ(0deg) rotateY(-352deg);
      width: 10.74418605px;
      height: 10.74418605px;
    }

    .spiral.one .light-wrapper.light-wrapper-33 .light {
      -webkit-animation-duration: 0.57853011s;
      animation-duration: 0.57853011s;
      -webkit-animation-delay: 0.86227807s;
      animation-delay: 0.86227807s;
    }

    .spiral.one .light-wrapper.light-wrapper-34 {
      -webkit-transform: translate3d(6.05003654px, 115.44157422px, 192.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-363deg);
      transform: translate3d(6.05003654px, 115.44157422px, 192.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-363deg);
      width: 11.06976744px;
      height: 11.06976744px;
    }

    .spiral.one .light-wrapper.light-wrapper-34 .light {
      -webkit-animation-duration: 0.62799646s;
      animation-duration: 0.62799646s;
      -webkit-animation-delay: 0.46955422s;
      animation-delay: 0.46955422s;
    }

    .spiral.one .light-wrapper.light-wrapper-35 {
      -webkit-transform: translate3d(29.63543221px, 118.86122647px, 204.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-374deg);
      transform: translate3d(29.63543221px, 118.86122647px, 204.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-374deg);
      width: 11.39534884px;
      height: 11.39534884px;
    }

    .spiral.one .light-wrapper.light-wrapper-35 .light {
      -webkit-animation-duration: 0.6523658s;
      animation-duration: 0.6523658s;
      -webkit-animation-delay: 1.28475553s;
      animation-delay: 1.28475553s;
    }

    .spiral.one .light-wrapper.light-wrapper-36 {
      -webkit-transform: translate3d(54.77132672px, 117.4574892px, 216px) rotateX(90deg) rotateZ(0deg) rotateY(-385deg);
      transform: translate3d(54.77132672px, 117.4574892px, 216px) rotateX(90deg) rotateZ(0deg) rotateY(-385deg);
      width: 11.72093023px;
      height: 11.72093023px;
    }

    .spiral.one .light-wrapper.light-wrapper-36 .light {
      -webkit-animation-duration: 0.39510877s;
      animation-duration: 0.39510877s;
      -webkit-animation-delay: 0.53668963s;
      animation-delay: 0.53668963s;
    }

    .spiral.one .light-wrapper.light-wrapper-37 {
      -webkit-transform: translate3d(80.46780104px, 110.75442653px, 228.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-396deg);
      transform: translate3d(80.46780104px, 110.75442653px, 228.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-396deg);
      width: 12.04651163px;
      height: 12.04651163px;
    }

    .spiral.one .light-wrapper.light-wrapper-37 .light {
      -webkit-animation-duration: 1.17253812s;
      animation-duration: 1.17253812s;
      -webkit-animation-delay: 1.14917615s;
      animation-delay: 1.14917615s;
    }

    .spiral.one .light-wrapper.light-wrapper-38 {
      -webkit-transform: translate3d(105.60747451px, 98.48056319px, 240.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-407deg);
      transform: translate3d(105.60747451px, 98.48056319px, 240.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-407deg);
      width: 12.37209302px;
      height: 12.37209302px;
    }

    .spiral.one .light-wrapper.light-wrapper-38 .light {
      -webkit-animation-duration: 1.13122801s;
      animation-duration: 1.13122801s;
      -webkit-animation-delay: 0.81702859s;
      animation-delay: 0.81702859s;
    }

    .spiral.one .light-wrapper.light-wrapper-39 {
      -webkit-transform: translate3d(128.98811543px, 80.60072009px, 253.5px) rotateX(90deg) rotateZ(0deg) rotateY(-418deg);
      transform: translate3d(128.98811543px, 80.60072009px, 253.5px) rotateX(90deg) rotateZ(0deg) rotateY(-418deg);
      width: 12.69767442px;
      height: 12.69767442px;
    }

    .spiral.one .light-wrapper.light-wrapper-39 .light {
      -webkit-animation-duration: 1.0555347s;
      animation-duration: 1.0555347s;
      -webkit-animation-delay: 0.34108583s;
      animation-delay: 0.34108583s;
    }

    .spiral.one .light-wrapper.light-wrapper-40 {
      -webkit-transform: translate3d(149.37286824px, 57.33887193px, 266.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-429deg);
      transform: translate3d(149.37286824px, 57.33887193px, 266.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-429deg);
      width: 13.02325581px;
      height: 13.02325581px;
    }

    .spiral.one .light-wrapper.light-wrapper-40 .light {
      -webkit-animation-duration: 0.97116345s;
      animation-duration: 0.97116345s;
      -webkit-animation-delay: 1.26507202s;
      animation-delay: 1.26507202s;
    }

    .spiral.one .light-wrapper.light-wrapper-41 {
      -webkit-transform: translate3d(165.54618328px, 29.19025867px, 280.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-440deg);
      transform: translate3d(165.54618328px, 29.19025867px, 280.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-440deg);
      width: 13.34883721px;
      height: 13.34883721px;
    }

    .spiral.one .light-wrapper.light-wrapper-41 .light {
      -webkit-animation-duration: 1.25030942s;
      animation-duration: 1.25030942s;
      -webkit-animation-delay: 0.31476568s;
      animation-delay: 0.31476568s;
    }

    .spiral.one .light-wrapper.light-wrapper-42 {
      -webkit-transform: translate3d(176.37313343px, -3.0786045px, 294px) rotateX(90deg) rotateZ(0deg) rotateY(-451deg);
      transform: translate3d(176.37313343px, -3.0786045px, 294px) rotateX(90deg) rotateZ(0deg) rotateY(-451deg);
      width: 13.6744186px;
      height: 13.6744186px;
    }

    .spiral.one .light-wrapper.light-wrapper-42 .light {
      -webkit-animation-duration: 1.0348292s;
      animation-duration: 1.0348292s;
      -webkit-animation-delay: 0.30071422s;
      animation-delay: 0.30071422s;
    }

    .spiral.one .light-wrapper.light-wrapper-43 {
      -webkit-transform: translate3d(180.85949138px, -38.44287163px, 308.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-462deg);
      transform: translate3d(180.85949138px, -38.44287163px, 308.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-462deg);
      width: 14px;
      height: 14px;
    }

    .spiral.one .light-wrapper.light-wrapper-43 .light {
      -webkit-animation-duration: 1.22409228s;
      animation-duration: 1.22409228s;
      -webkit-animation-delay: 0.72144386s;
      animation-delay: 0.72144386s;
    }

    .spiral.two .light-wrapper.light-wrapper-1 {
      -webkit-transform: translate3d(0px, 0.1px, 0.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
      transform: translate3d(0px, 0.1px, 0.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
      width: 0.48837209px;
      height: 0.48837209px;
    }

    .spiral.two .light-wrapper.light-wrapper-1 .light {
      -webkit-animation-duration: 1.14163733s;
      animation-duration: 1.14163733s;
      -webkit-animation-delay: 1.06957106s;
      animation-delay: 1.06957106s;
    }

    .spiral.two .light-wrapper.light-wrapper-2 {
      -webkit-transform: translate3d(0.0763236px, 0.39265087px, 0.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-11deg);
      transform: translate3d(0.0763236px, 0.39265087px, 0.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-11deg);
      width: 0.97674419px;
      height: 0.97674419px;
    }

    .spiral.two .light-wrapper.light-wrapper-2 .light {
      -webkit-animation-duration: 1.26851175s;
      animation-duration: 1.26851175s;
      -webkit-animation-delay: 0.58202996s;
      animation-delay: 0.58202996s;
    }

    .spiral.two .light-wrapper.light-wrapper-3 {
      -webkit-transform: translate3d(0.33714593px, 0.83446547px, 1.5px) rotateX(90deg) rotateZ(0deg) rotateY(-22deg);
      transform: translate3d(0.33714593px, 0.83446547px, 1.5px) rotateX(90deg) rotateZ(0deg) rotateY(-22deg);
      width: 1.46511628px;
      height: 1.46511628px;
    }

    .spiral.two .light-wrapper.light-wrapper-3 .light {
      -webkit-animation-duration: 0.48046376s;
      animation-duration: 0.48046376s;
      -webkit-animation-delay: 0.52984291s;
      animation-delay: 0.52984291s;
    }

    .spiral.two .light-wrapper.light-wrapper-4 {
      -webkit-transform: translate3d(0.87142246px, 1.34187291px, 2.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-33deg);
      transform: translate3d(0.87142246px, 1.34187291px, 2.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-33deg);
      width: 1.95348837px;
      height: 1.95348837px;
    }

    .spiral.two .light-wrapper.light-wrapper-4 .light {
      -webkit-animation-duration: 0.76294993s;
      animation-duration: 0.76294993s;
      -webkit-animation-delay: 1.19929655s;
      animation-delay: 1.19929655s;
    }

    .spiral.two .light-wrapper.light-wrapper-5 {
      -webkit-transform: translate3d(1.73664593px, 1.7983495px, 4.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-44deg);
      transform: translate3d(1.73664593px, 1.7983495px, 4.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-44deg);
      width: 2.44186047px;
      height: 2.44186047px;
    }

    .spiral.two .light-wrapper.light-wrapper-5 .light {
      -webkit-animation-duration: 0.70261157s;
      animation-duration: 0.70261157s;
      -webkit-animation-delay: 1.18258246s;
      animation-delay: 1.18258246s;
    }

    .spiral.two .light-wrapper.light-wrapper-6 {
      -webkit-transform: translate3d(2.94894736px, 2.06487517px, 6px) rotateX(90deg) rotateZ(0deg) rotateY(-55deg);
      transform: translate3d(2.94894736px, 2.06487517px, 6px) rotateX(90deg) rotateZ(0deg) rotateY(-55deg);
      width: 2.93023256px;
      height: 2.93023256px;
    }

    .spiral.two .light-wrapper.light-wrapper-6 .light {
      -webkit-animation-duration: 0.76573512s;
      animation-duration: 0.76573512s;
      -webkit-animation-delay: 0.63039577s;
      animation-delay: 0.63039577s;
    }

    .spiral.two .light-wrapper.light-wrapper-7 {
      -webkit-transform: translate3d(4.47637274px, 1.99300955px, 8.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-66deg);
      transform: translate3d(4.47637274px, 1.99300955px, 8.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-66deg);
      width: 3.41860465px;
      height: 3.41860465px;
    }

    .spiral.two .light-wrapper.light-wrapper-7 .light {
      -webkit-animation-duration: 0.83358133s;
      animation-duration: 0.83358133s;
      -webkit-animation-delay: 0.61570477s;
      animation-delay: 0.61570477s;
    }

    .spiral.two .light-wrapper.light-wrapper-8 {
      -webkit-transform: translate3d(6.23596841px, 1.43968675px, 10.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-77deg);
      transform: translate3d(6.23596841px, 1.43968675px, 10.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-77deg);
      width: 3.90697674px;
      height: 3.90697674px;
    }

    .spiral.two .light-wrapper.light-wrapper-8 .light {
      -webkit-animation-duration: 0.7350603s;
      animation-duration: 0.7350603s;
      -webkit-animation-delay: 0.86072345s;
      animation-delay: 0.86072345s;
    }

    .spiral.two .light-wrapper.light-wrapper-9 {
      -webkit-transform: translate3d(8.0950657px, 0.28268592px, 13.5px) rotateX(90deg) rotateZ(0deg) rotateY(-88deg);
      transform: translate3d(8.0950657px, 0.28268592px, 13.5px) rotateX(90deg) rotateZ(0deg) rotateY(-88deg);
      width: 4.39534884px;
      height: 4.39534884px;
    }

    .spiral.two .light-wrapper.light-wrapper-9 .light {
      -webkit-animation-duration: 0.52392527s;
      animation-duration: 0.52392527s;
      -webkit-animation-delay: 1.27270119s;
      animation-delay: 1.27270119s;
    }

    .spiral.two .light-wrapper.light-wrapper-10 {
      -webkit-transform: translate3d(9.87688341px, -1.56434465px, 16.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-99deg);
      transform: translate3d(9.87688341px, -1.56434465px, 16.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-99deg);
      width: 4.88372093px;
      height: 4.88372093px;
    }

    .spiral.two .light-wrapper.light-wrapper-10 .light {
      -webkit-animation-duration: 1.29878313s;
      animation-duration: 1.29878313s;
      -webkit-animation-delay: 1.15359265s;
      animation-delay: 1.15359265s;
    }

    .spiral.two .light-wrapper.light-wrapper-11 {
      -webkit-transform: translate3d(11.37028071px, -4.13844373px, 20.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
      transform: translate3d(11.37028071px, -4.13844373px, 20.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
      width: 5.37209302px;
      height: 5.37209302px;
    }

    .spiral.two .light-wrapper.light-wrapper-11 .light {
      -webkit-animation-duration: 0.89377174s;
      animation-duration: 0.89377174s;
      -webkit-animation-delay: 1.01003609s;
      animation-delay: 1.01003609s;
    }

    .spiral.two .light-wrapper.light-wrapper-12 {
      -webkit-transform: translate3d(12.34320913px, -7.41654828px, 24px) rotateX(90deg) rotateZ(0deg) rotateY(-121deg);
      transform: translate3d(12.34320913px, -7.41654828px, 24px) rotateX(90deg) rotateZ(0deg) rotateY(-121deg);
      width: 5.86046512px;
      height: 5.86046512px;
    }

    .spiral.two .light-wrapper.light-wrapper-12 .light {
      -webkit-animation-duration: 0.89008312s;
      animation-duration: 0.89008312s;
      -webkit-animation-delay: 0.91431332s;
      animation-delay: 0.91431332s;
    }

    .spiral.two .light-wrapper.light-wrapper-13 {
      -webkit-transform: translate3d(12.55914755px, -11.30830725px, 28.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-132deg);
      transform: translate3d(12.55914755px, -11.30830725px, 28.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-132deg);
      width: 6.34883721px;
      height: 6.34883721px;
    }

    .spiral.two .light-wrapper.light-wrapper-13 .light {
      -webkit-animation-duration: 0.36781611s;
      animation-duration: 0.36781611s;
      -webkit-animation-delay: 0.83622943s;
      animation-delay: 0.83622943s;
    }

    .spiral.two .light-wrapper.light-wrapper-14 {
      -webkit-transform: translate3d(11.79557445px, -15.653256px, 32.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-143deg);
      transform: translate3d(11.79557445px, -15.653256px, 32.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-143deg);
      width: 6.8372093px;
      height: 6.8372093px;
    }

    .spiral.two .light-wrapper.light-wrapper-14 .light {
      -webkit-animation-duration: 0.60771611s;
      animation-duration: 0.60771611s;
      -webkit-animation-delay: 1.02170863s;
      animation-delay: 1.02170863s;
    }

    .spiral.two .light-wrapper.light-wrapper-15 {
      -webkit-transform: translate3d(9.8633508px, -20.22286604px, 37.5px) rotateX(90deg) rotateZ(0deg) rotateY(-154deg);
      transform: translate3d(9.8633508px, -20.22286604px, 37.5px) rotateX(90deg) rotateZ(0deg) rotateY(-154deg);
      width: 7.3255814px;
      height: 7.3255814px;
    }

    .spiral.two .light-wrapper.light-wrapper-15 .light {
      -webkit-animation-duration: 1.06110743s;
      animation-duration: 1.06110743s;
      -webkit-animation-delay: 0.83496878s;
      animation-delay: 0.83496878s;
    }

    .spiral.two .light-wrapper.light-wrapper-16 {
      -webkit-transform: translate3d(6.62576755px, -24.72770115px, 42.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-165deg);
      transform: translate3d(6.62576755px, -24.72770115px, 42.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-165deg);
      width: 7.81395349px;
      height: 7.81395349px;
    }

    .spiral.two .light-wrapper.light-wrapper-16 .light {
      -webkit-animation-duration: 1.0888418s;
      animation-duration: 1.0888418s;
      -webkit-animation-delay: 0.85937204s;
      animation-delay: 0.85937204s;
    }

    .spiral.two .light-wrapper.light-wrapper-17 {
      -webkit-transform: translate3d(2.01596209px, -28.82960105px, 48.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-176deg);
      transform: translate3d(2.01596209px, -28.82960105px, 48.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-176deg);
      width: 8.30232558px;
      height: 8.30232558px;
    }

    .spiral.two .light-wrapper.light-wrapper-17 .light {
      -webkit-animation-duration: 1.12688863s;
      animation-duration: 1.12688863s;
      -webkit-animation-delay: 0.73247994s;
      animation-delay: 0.73247994s;
    }

    .spiral.two .light-wrapper.light-wrapper-18 {
      -webkit-transform: translate3d(-3.94856673px, -32.15849531px, 54px) rotateX(90deg) rotateZ(0deg) rotateY(-187deg);
      transform: translate3d(-3.94856673px, -32.15849531px, 54px) rotateX(90deg) rotateZ(0deg) rotateY(-187deg);
      width: 8.79069767px;
      height: 8.79069767px;
    }

    .spiral.two .light-wrapper.light-wrapper-18 .light {
      -webkit-animation-duration: 0.3221706s;
      animation-duration: 0.3221706s;
      -webkit-animation-delay: 0.88195614s;
      animation-delay: 0.88195614s;
    }

    .spiral.two .light-wrapper.light-wrapper-19 {
      -webkit-transform: translate3d(-11.1555135px, -34.33314024px, 60.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-198deg);
      transform: translate3d(-11.1555135px, -34.33314024px, 60.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-198deg);
      width: 9.27906977px;
      height: 9.27906977px;
    }

    .spiral.two .light-wrapper.light-wrapper-19 .light {
      -webkit-animation-duration: 0.34211178s;
      animation-duration: 0.34211178s;
      -webkit-animation-delay: 0.65091337s;
      animation-delay: 0.65091337s;
    }

    .spiral.two .light-wrapper.light-wrapper-20 {
      -webkit-transform: translate3d(-19.39238481px, -34.98478829px, 66.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-209deg);
      transform: translate3d(-19.39238481px, -34.98478829px, 66.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-209deg);
      width: 9.76744186px;
      height: 9.76744186px;
    }

    .spiral.two .light-wrapper.light-wrapper-20 .light {
      -webkit-animation-duration: 0.6019086s;
      animation-duration: 0.6019086s;
      -webkit-animation-delay: 0.66691023s;
      animation-delay: 0.66691023s;
    }

    .spiral.two .light-wrapper.light-wrapper-21 {
      -webkit-transform: translate3d(-28.34693359px, -33.78255994px, 73.5px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
      transform: translate3d(-28.34693359px, -33.78255994px, 73.5px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
      width: 10.25581395px;
      height: 10.25581395px;
    }

    .spiral.two .light-wrapper.light-wrapper-21 .light {
      -webkit-animation-duration: 0.90336149s;
      animation-duration: 0.90336149s;
      -webkit-animation-delay: 1.18749249s;
      animation-delay: 1.18749249s;
    }

    .spiral.two .light-wrapper.light-wrapper-22 {
      -webkit-transform: translate3d(-37.61386453px, -30.45910693px, 80.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-231deg);
      transform: translate3d(-37.61386453px, -30.45910693px, 80.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-231deg);
      width: 10.74418605px;
      height: 10.74418605px;
    }

    .spiral.two .light-wrapper.light-wrapper-22 .light {
      -webkit-animation-duration: 0.80268747s;
      animation-duration: 0.80268747s;
      -webkit-animation-delay: 0.51007982s;
      animation-delay: 0.51007982s;
    }

    .spiral.two .light-wrapper.light-wrapper-23 {
      -webkit-transform: translate3d(-46.70792766px, -24.83504567px, 88.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-242deg);
      transform: translate3d(-46.70792766px, -24.83504567px, 88.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-242deg);
      width: 11.23255814px;
      height: 11.23255814px;
    }

    .spiral.two .light-wrapper.light-wrapper-23 .light {
      -webkit-animation-duration: 0.31390085s;
      animation-duration: 0.31390085s;
      -webkit-animation-delay: 0.83725414s;
      animation-delay: 0.83725414s;
    }

    .spiral.two .light-wrapper.light-wrapper-24 {
      -webkit-transform: translate3d(-55.08315394px, -16.84061019px, 96px) rotateX(90deg) rotateZ(0deg) rotateY(-253deg);
      transform: translate3d(-55.08315394px, -16.84061019px, 96px) rotateX(90deg) rotateZ(0deg) rotateY(-253deg);
      width: 11.72093023px;
      height: 11.72093023px;
    }

    .spiral.two .light-wrapper.light-wrapper-24 .light {
      -webkit-animation-duration: 0.84802418s;
      animation-duration: 0.84802418s;
      -webkit-animation-delay: 0.41817664s;
      animation-delay: 0.41817664s;
    }

    .spiral.two .light-wrapper.light-wrapper-25 {
      -webkit-transform: translate3d(-62.15761846px, -6.53302895px, 104.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-264deg);
      transform: translate3d(-62.15761846px, -6.53302895px, 104.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-264deg);
      width: 12.20930233px;
      height: 12.20930233px;
    }

    .spiral.two .light-wrapper.light-wrapper-25 .light {
      -webkit-animation-duration: 1.16500129s;
      animation-duration: 1.16500129s;
      -webkit-animation-delay: 0.39784057s;
      animation-delay: 0.39784057s;
    }

    .spiral.two .light-wrapper.light-wrapper-26 {
      -webkit-transform: translate3d(-67.34276159px, 5.89172821px, 112.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-275deg);
      transform: translate3d(-67.34276159px, 5.89172821px, 112.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-275deg);
      width: 12.69767442px;
      height: 12.69767442px;
    }

    .spiral.two .light-wrapper.light-wrapper-26 .light {
      -webkit-animation-duration: 0.86714567s;
      animation-duration: 0.86714567s;
      -webkit-animation-delay: 1.02683427s;
      animation-delay: 1.02683427s;
    }

    .spiral.two .light-wrapper.light-wrapper-27 {
      -webkit-transform: translate3d(-70.07597763px, 20.09396324px, 121.5px) rotateX(90deg) rotateZ(0deg) rotateY(-286deg);
      transform: translate3d(-70.07597763px, 20.09396324px, 121.5px) rotateX(90deg) rotateZ(0deg) rotateY(-286deg);
      width: 13.18604651px;
      height: 13.18604651px;
    }

    .spiral.two .light-wrapper.light-wrapper-27 .light {
      -webkit-animation-duration: 0.50413558s;
      animation-duration: 0.50413558s;
      -webkit-animation-delay: 1.09064457s;
      animation-delay: 1.09064457s;
    }

    .spiral.two .light-wrapper.light-wrapper-28 {
      -webkit-transform: translate3d(-69.8549115px, 35.59285518px, 130.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-297deg);
      transform: translate3d(-69.8549115px, 35.59285518px, 130.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-297deg);
      width: 13.6744186px;
      height: 13.6744186px;
    }

    .spiral.two .light-wrapper.light-wrapper-28 .light {
      -webkit-animation-duration: 0.4453108s;
      animation-duration: 0.4453108s;
      -webkit-animation-delay: 0.7137195s;
      animation-delay: 0.7137195s;
    }

    .spiral.two .light-wrapper.light-wrapper-29 {
      -webkit-transform: translate3d(-66.27170438px, 51.77713007px, 140.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-308deg);
      transform: translate3d(-66.27170438px, 51.77713007px, 140.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-308deg);
      width: 14.1627907px;
      height: 14.1627907px;
    }

    .spiral.two .light-wrapper.light-wrapper-29 .light {
      -webkit-animation-duration: 0.72683799s;
      animation-duration: 0.72683799s;
      -webkit-animation-delay: 0.9567017s;
      animation-delay: 0.9567017s;
    }

    .spiral.two .light-wrapper.light-wrapper-30 {
      -webkit-transform: translate3d(-59.04531261px, 67.92386222px, 150px) rotateX(90deg) rotateZ(0deg) rotateY(-319deg);
      transform: translate3d(-59.04531261px, 67.92386222px, 150px) rotateX(90deg) rotateZ(0deg) rotateY(-319deg);
      width: 14.65116279px;
      height: 14.65116279px;
    }

    .spiral.two .light-wrapper.light-wrapper-30 .light {
      -webkit-animation-duration: 0.59963314s;
      animation-duration: 0.59963314s;
      -webkit-animation-delay: 1.19213496s;
      animation-delay: 1.19213496s;
    }

    .spiral.two .light-wrapper.light-wrapper-31 {
      -webkit-transform: translate3d(-48.05px, 83.2250413px, 160.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
      transform: translate3d(-48.05px, 83.2250413px, 160.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
      width: 15.13953488px;
      height: 15.13953488px;
    }

    .spiral.two .light-wrapper.light-wrapper-31 .light {
      -webkit-animation-duration: 0.53467956s;
      animation-duration: 0.53467956s;
      -webkit-animation-delay: 0.3256639s;
      animation-delay: 0.3256639s;
    }

    .spiral.two .light-wrapper.light-wrapper-32 {
      -webkit-transform: translate3d(-33.33817902px, 96.82110214px, 170.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-341deg);
      transform: translate3d(-33.33817902px, 96.82110214px, 170.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-341deg);
      width: 15.62790698px;
      height: 15.62790698px;
    }

    .spiral.two .light-wrapper.light-wrapper-32 .light {
      -webkit-animation-duration: 1.13942289s;
      animation-duration: 1.13942289s;
      -webkit-animation-delay: 0.76328504s;
      animation-delay: 0.76328504s;
    }

    .spiral.two .light-wrapper.light-wrapper-33 {
      -webkit-transform: translate3d(-15.15595069px, 107.84019269px, 181.5px) rotateX(90deg) rotateZ(0deg) rotateY(-352deg);
      transform: translate3d(-15.15595069px, 107.84019269px, 181.5px) rotateX(90deg) rotateZ(0deg) rotateY(-352deg);
      width: 16.11627907px;
      height: 16.11627907px;
    }

    .spiral.two .light-wrapper.light-wrapper-33 .light {
      -webkit-animation-duration: 1.02096548s;
      animation-duration: 1.02096548s;
      -webkit-animation-delay: 0.5725082s;
      animation-delay: 0.5725082s;
    }

    .spiral.two .light-wrapper.light-wrapper-34 {
      -webkit-transform: translate3d(6.05003654px, 115.44157422px, 192.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-363deg);
      transform: translate3d(6.05003654px, 115.44157422px, 192.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-363deg);
      width: 16.60465116px;
      height: 16.60465116px;
    }

    .spiral.two .light-wrapper.light-wrapper-34 .light {
      -webkit-animation-duration: 0.83152775s;
      animation-duration: 0.83152775s;
      -webkit-animation-delay: 0.97698111s;
      animation-delay: 0.97698111s;
    }

    .spiral.two .light-wrapper.light-wrapper-35 {
      -webkit-transform: translate3d(29.63543221px, 118.86122647px, 204.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-374deg);
      transform: translate3d(29.63543221px, 118.86122647px, 204.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-374deg);
      width: 17.09302326px;
      height: 17.09302326px;
    }

    .spiral.two .light-wrapper.light-wrapper-35 .light {
      -webkit-animation-duration: 0.55511359s;
      animation-duration: 0.55511359s;
      -webkit-animation-delay: 0.91514016s;
      animation-delay: 0.91514016s;
    }

    .spiral.two .light-wrapper.light-wrapper-36 {
      -webkit-transform: translate3d(54.77132672px, 117.4574892px, 216px) rotateX(90deg) rotateZ(0deg) rotateY(-385deg);
      transform: translate3d(54.77132672px, 117.4574892px, 216px) rotateX(90deg) rotateZ(0deg) rotateY(-385deg);
      width: 17.58139535px;
      height: 17.58139535px;
    }

    .spiral.two .light-wrapper.light-wrapper-36 .light {
      -webkit-animation-duration: 0.31373926s;
      animation-duration: 0.31373926s;
      -webkit-animation-delay: 0.48433253s;
      animation-delay: 0.48433253s;
    }

    .spiral.two .light-wrapper.light-wrapper-37 {
      -webkit-transform: translate3d(80.46780104px, 110.75442653px, 228.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-396deg);
      transform: translate3d(80.46780104px, 110.75442653px, 228.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-396deg);
      width: 18.06976744px;
      height: 18.06976744px;
    }

    .spiral.two .light-wrapper.light-wrapper-37 .light {
      -webkit-animation-duration: 0.63426544s;
      animation-duration: 0.63426544s;
      -webkit-animation-delay: 0.59744795s;
      animation-delay: 0.59744795s;
    }

    .spiral.two .light-wrapper.light-wrapper-38 {
      -webkit-transform: translate3d(105.60747451px, 98.48056319px, 240.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-407deg);
      transform: translate3d(105.60747451px, 98.48056319px, 240.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-407deg);
      width: 18.55813953px;
      height: 18.55813953px;
    }

    .spiral.two .light-wrapper.light-wrapper-38 .light {
      -webkit-animation-duration: 1.28892467s;
      animation-duration: 1.28892467s;
      -webkit-animation-delay: 0.79852965s;
      animation-delay: 0.79852965s;
    }

    .spiral.two .light-wrapper.light-wrapper-39 {
      -webkit-transform: translate3d(128.98811543px, 80.60072009px, 253.5px) rotateX(90deg) rotateZ(0deg) rotateY(-418deg);
      transform: translate3d(128.98811543px, 80.60072009px, 253.5px) rotateX(90deg) rotateZ(0deg) rotateY(-418deg);
      width: 19.04651163px;
      height: 19.04651163px;
    }

    .spiral.two .light-wrapper.light-wrapper-39 .light {
      -webkit-animation-duration: 1.0497575s;
      animation-duration: 1.0497575s;
      -webkit-animation-delay: 0.99534967s;
      animation-delay: 0.99534967s;
    }

    .spiral.two .light-wrapper.light-wrapper-40 {
      -webkit-transform: translate3d(149.37286824px, 57.33887193px, 266.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-429deg);
      transform: translate3d(149.37286824px, 57.33887193px, 266.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-429deg);
      width: 19.53488372px;
      height: 19.53488372px;
    }

    .spiral.two .light-wrapper.light-wrapper-40 .light {
      -webkit-animation-duration: 1.14317755s;
      animation-duration: 1.14317755s;
      -webkit-animation-delay: 0.43353009s;
      animation-delay: 0.43353009s;
    }

    .spiral.two .light-wrapper.light-wrapper-41 {
      -webkit-transform: translate3d(165.54618328px, 29.19025867px, 280.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-440deg);
      transform: translate3d(165.54618328px, 29.19025867px, 280.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-440deg);
      width: 20.02325581px;
      height: 20.02325581px;
    }

    .spiral.two .light-wrapper.light-wrapper-41 .light {
      -webkit-animation-duration: 0.63983056s;
      animation-duration: 0.63983056s;
      -webkit-animation-delay: 1.26822832s;
      animation-delay: 1.26822832s;
    }

    .spiral.two .light-wrapper.light-wrapper-42 {
      -webkit-transform: translate3d(176.37313343px, -3.0786045px, 294px) rotateX(90deg) rotateZ(0deg) rotateY(-451deg);
      transform: translate3d(176.37313343px, -3.0786045px, 294px) rotateX(90deg) rotateZ(0deg) rotateY(-451deg);
      width: 20.51162791px;
      height: 20.51162791px;
    }

    .spiral.two .light-wrapper.light-wrapper-42 .light {
      -webkit-animation-duration: 0.59956042s;
      animation-duration: 0.59956042s;
      -webkit-animation-delay: 1.29209248s;
      animation-delay: 1.29209248s;
    }

    .spiral.two .light-wrapper.light-wrapper-43 {
      -webkit-transform: translate3d(180.85949138px, -38.44287163px, 308.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-462deg);
      transform: translate3d(180.85949138px, -38.44287163px, 308.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-462deg);
      width: 21px;
      height: 21px;
    }

    .spiral.two .light-wrapper.light-wrapper-43 .light {
      -webkit-animation-duration: 0.92878659s;
      animation-duration: 0.92878659s;
      -webkit-animation-delay: 1.00920231s;
      animation-delay: 1.00920231s;
    }

    .spiral.three .light-wrapper.light-wrapper-1 {
      -webkit-transform: translate3d(0px, 0.1px, 0.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
      transform: translate3d(0px, 0.1px, 0.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(0deg);
      width: 0.3255814px;
      height: 0.3255814px;
    }

    .spiral.three .light-wrapper.light-wrapper-1 .light {
      -webkit-animation-duration: 0.72329752s;
      animation-duration: 0.72329752s;
      -webkit-animation-delay: 0.4825996s;
      animation-delay: 0.4825996s;
    }

    .spiral.three .light-wrapper.light-wrapper-2 {
      -webkit-transform: translate3d(0.0763236px, 0.39265087px, 0.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-11deg);
      transform: translate3d(0.0763236px, 0.39265087px, 0.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-11deg);
      width: 0.65116279px;
      height: 0.65116279px;
    }

    .spiral.three .light-wrapper.light-wrapper-2 .light {
      -webkit-animation-duration: 0.3621471s;
      animation-duration: 0.3621471s;
      -webkit-animation-delay: 1.04149141s;
      animation-delay: 1.04149141s;
    }

    .spiral.three .light-wrapper.light-wrapper-3 {
      -webkit-transform: translate3d(0.33714593px, 0.83446547px, 1.5px) rotateX(90deg) rotateZ(0deg) rotateY(-22deg);
      transform: translate3d(0.33714593px, 0.83446547px, 1.5px) rotateX(90deg) rotateZ(0deg) rotateY(-22deg);
      width: 0.97674419px;
      height: 0.97674419px;
    }

    .spiral.three .light-wrapper.light-wrapper-3 .light {
      -webkit-animation-duration: 1.20818432s;
      animation-duration: 1.20818432s;
      -webkit-animation-delay: 1.14804356s;
      animation-delay: 1.14804356s;
    }

    .spiral.three .light-wrapper.light-wrapper-4 {
      -webkit-transform: translate3d(0.87142246px, 1.34187291px, 2.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-33deg);
      transform: translate3d(0.87142246px, 1.34187291px, 2.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-33deg);
      width: 1.30232558px;
      height: 1.30232558px;
    }

    .spiral.three .light-wrapper.light-wrapper-4 .light {
      -webkit-animation-duration: 0.76408417s;
      animation-duration: 0.76408417s;
      -webkit-animation-delay: 0.31676466s;
      animation-delay: 0.31676466s;
    }

    .spiral.three .light-wrapper.light-wrapper-5 {
      -webkit-transform: translate3d(1.73664593px, 1.7983495px, 4.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-44deg);
      transform: translate3d(1.73664593px, 1.7983495px, 4.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-44deg);
      width: 1.62790698px;
      height: 1.62790698px;
    }

    .spiral.three .light-wrapper.light-wrapper-5 .light {
      -webkit-animation-duration: 1.02048357s;
      animation-duration: 1.02048357s;
      -webkit-animation-delay: 1.16266662s;
      animation-delay: 1.16266662s;
    }

    .spiral.three .light-wrapper.light-wrapper-6 {
      -webkit-transform: translate3d(2.94894736px, 2.06487517px, 6px) rotateX(90deg) rotateZ(0deg) rotateY(-55deg);
      transform: translate3d(2.94894736px, 2.06487517px, 6px) rotateX(90deg) rotateZ(0deg) rotateY(-55deg);
      width: 1.95348837px;
      height: 1.95348837px;
    }

    .spiral.three .light-wrapper.light-wrapper-6 .light {
      -webkit-animation-duration: 0.47785347s;
      animation-duration: 0.47785347s;
      -webkit-animation-delay: 0.97100185s;
      animation-delay: 0.97100185s;
    }

    .spiral.three .light-wrapper.light-wrapper-7 {
      -webkit-transform: translate3d(4.47637274px, 1.99300955px, 8.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-66deg);
      transform: translate3d(4.47637274px, 1.99300955px, 8.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-66deg);
      width: 2.27906977px;
      height: 2.27906977px;
    }

    .spiral.three .light-wrapper.light-wrapper-7 .light {
      -webkit-animation-duration: 1.17415488s;
      animation-duration: 1.17415488s;
      -webkit-animation-delay: 0.45669184s;
      animation-delay: 0.45669184s;
    }

    .spiral.three .light-wrapper.light-wrapper-8 {
      -webkit-transform: translate3d(6.23596841px, 1.43968675px, 10.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-77deg);
      transform: translate3d(6.23596841px, 1.43968675px, 10.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-77deg);
      width: 2.60465116px;
      height: 2.60465116px;
    }

    .spiral.three .light-wrapper.light-wrapper-8 .light {
      -webkit-animation-duration: 0.35187663s;
      animation-duration: 0.35187663s;
      -webkit-animation-delay: 0.4431322s;
      animation-delay: 0.4431322s;
    }

    .spiral.three .light-wrapper.light-wrapper-9 {
      -webkit-transform: translate3d(8.0950657px, 0.28268592px, 13.5px) rotateX(90deg) rotateZ(0deg) rotateY(-88deg);
      transform: translate3d(8.0950657px, 0.28268592px, 13.5px) rotateX(90deg) rotateZ(0deg) rotateY(-88deg);
      width: 2.93023256px;
      height: 2.93023256px;
    }

    .spiral.three .light-wrapper.light-wrapper-9 .light {
      -webkit-animation-duration: 0.94976967s;
      animation-duration: 0.94976967s;
      -webkit-animation-delay: 0.66848643s;
      animation-delay: 0.66848643s;
    }

    .spiral.three .light-wrapper.light-wrapper-10 {
      -webkit-transform: translate3d(9.87688341px, -1.56434465px, 16.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-99deg);
      transform: translate3d(9.87688341px, -1.56434465px, 16.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-99deg);
      width: 3.25581395px;
      height: 3.25581395px;
    }

    .spiral.three .light-wrapper.light-wrapper-10 .light {
      -webkit-animation-duration: 0.33190837s;
      animation-duration: 0.33190837s;
      -webkit-animation-delay: 0.50272129s;
      animation-delay: 0.50272129s;
    }

    .spiral.three .light-wrapper.light-wrapper-11 {
      -webkit-transform: translate3d(11.37028071px, -4.13844373px, 20.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
      transform: translate3d(11.37028071px, -4.13844373px, 20.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-110deg);
      width: 3.58139535px;
      height: 3.58139535px;
    }

    .spiral.three .light-wrapper.light-wrapper-11 .light {
      -webkit-animation-duration: 0.57222087s;
      animation-duration: 0.57222087s;
      -webkit-animation-delay: 0.90226152s;
      animation-delay: 0.90226152s;
    }

    .spiral.three .light-wrapper.light-wrapper-12 {
      -webkit-transform: translate3d(12.34320913px, -7.41654828px, 24px) rotateX(90deg) rotateZ(0deg) rotateY(-121deg);
      transform: translate3d(12.34320913px, -7.41654828px, 24px) rotateX(90deg) rotateZ(0deg) rotateY(-121deg);
      width: 3.90697674px;
      height: 3.90697674px;
    }

    .spiral.three .light-wrapper.light-wrapper-12 .light {
      -webkit-animation-duration: 0.34198257s;
      animation-duration: 0.34198257s;
      -webkit-animation-delay: 0.88065877s;
      animation-delay: 0.88065877s;
    }

    .spiral.three .light-wrapper.light-wrapper-13 {
      -webkit-transform: translate3d(12.55914755px, -11.30830725px, 28.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-132deg);
      transform: translate3d(12.55914755px, -11.30830725px, 28.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-132deg);
      width: 4.23255814px;
      height: 4.23255814px;
    }

    .spiral.three .light-wrapper.light-wrapper-13 .light {
      -webkit-animation-duration: 0.78829276s;
      animation-duration: 0.78829276s;
      -webkit-animation-delay: 0.83245912s;
      animation-delay: 0.83245912s;
    }

    .spiral.three .light-wrapper.light-wrapper-14 {
      -webkit-transform: translate3d(11.79557445px, -15.653256px, 32.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-143deg);
      transform: translate3d(11.79557445px, -15.653256px, 32.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-143deg);
      width: 4.55813953px;
      height: 4.55813953px;
    }

    .spiral.three .light-wrapper.light-wrapper-14 .light {
      -webkit-animation-duration: 0.94271813s;
      animation-duration: 0.94271813s;
      -webkit-animation-delay: 0.75188831s;
      animation-delay: 0.75188831s;
    }

    .spiral.three .light-wrapper.light-wrapper-15 {
      -webkit-transform: translate3d(9.8633508px, -20.22286604px, 37.5px) rotateX(90deg) rotateZ(0deg) rotateY(-154deg);
      transform: translate3d(9.8633508px, -20.22286604px, 37.5px) rotateX(90deg) rotateZ(0deg) rotateY(-154deg);
      width: 4.88372093px;
      height: 4.88372093px;
    }

    .spiral.three .light-wrapper.light-wrapper-15 .light {
      -webkit-animation-duration: 0.79600921s;
      animation-duration: 0.79600921s;
      -webkit-animation-delay: 0.48459916s;
      animation-delay: 0.48459916s;
    }

    .spiral.three .light-wrapper.light-wrapper-16 {
      -webkit-transform: translate3d(6.62576755px, -24.72770115px, 42.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-165deg);
      transform: translate3d(6.62576755px, -24.72770115px, 42.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-165deg);
      width: 5.20930233px;
      height: 5.20930233px;
    }

    .spiral.three .light-wrapper.light-wrapper-16 .light {
      -webkit-animation-duration: 0.89945605s;
      animation-duration: 0.89945605s;
      -webkit-animation-delay: 0.36844214s;
      animation-delay: 0.36844214s;
    }

    .spiral.three .light-wrapper.light-wrapper-17 {
      -webkit-transform: translate3d(2.01596209px, -28.82960105px, 48.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-176deg);
      transform: translate3d(2.01596209px, -28.82960105px, 48.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-176deg);
      width: 5.53488372px;
      height: 5.53488372px;
    }

    .spiral.three .light-wrapper.light-wrapper-17 .light {
      -webkit-animation-duration: 0.73744653s;
      animation-duration: 0.73744653s;
      -webkit-animation-delay: 0.8433483s;
      animation-delay: 0.8433483s;
    }

    .spiral.three .light-wrapper.light-wrapper-18 {
      -webkit-transform: translate3d(-3.94856673px, -32.15849531px, 54px) rotateX(90deg) rotateZ(0deg) rotateY(-187deg);
      transform: translate3d(-3.94856673px, -32.15849531px, 54px) rotateX(90deg) rotateZ(0deg) rotateY(-187deg);
      width: 5.86046512px;
      height: 5.86046512px;
    }

    .spiral.three .light-wrapper.light-wrapper-18 .light {
      -webkit-animation-duration: 1.19396703s;
      animation-duration: 1.19396703s;
      -webkit-animation-delay: 0.55019417s;
      animation-delay: 0.55019417s;
    }

    .spiral.three .light-wrapper.light-wrapper-19 {
      -webkit-transform: translate3d(-11.1555135px, -34.33314024px, 60.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-198deg);
      transform: translate3d(-11.1555135px, -34.33314024px, 60.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-198deg);
      width: 6.18604651px;
      height: 6.18604651px;
    }

    .spiral.three .light-wrapper.light-wrapper-19 .light {
      -webkit-animation-duration: 0.71104779s;
      animation-duration: 0.71104779s;
      -webkit-animation-delay: 0.87398557s;
      animation-delay: 0.87398557s;
    }

    .spiral.three .light-wrapper.light-wrapper-20 {
      -webkit-transform: translate3d(-19.39238481px, -34.98478829px, 66.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-209deg);
      transform: translate3d(-19.39238481px, -34.98478829px, 66.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-209deg);
      width: 6.51162791px;
      height: 6.51162791px;
    }

    .spiral.three .light-wrapper.light-wrapper-20 .light {
      -webkit-animation-duration: 0.31362607s;
      animation-duration: 0.31362607s;
      -webkit-animation-delay: 1.0279351s;
      animation-delay: 1.0279351s;
    }

    .spiral.three .light-wrapper.light-wrapper-21 {
      -webkit-transform: translate3d(-28.34693359px, -33.78255994px, 73.5px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
      transform: translate3d(-28.34693359px, -33.78255994px, 73.5px) rotateX(90deg) rotateZ(0deg) rotateY(-220deg);
      width: 6.8372093px;
      height: 6.8372093px;
    }

    .spiral.three .light-wrapper.light-wrapper-21 .light {
      -webkit-animation-duration: 0.80659753s;
      animation-duration: 0.80659753s;
      -webkit-animation-delay: 1.14785548s;
      animation-delay: 1.14785548s;
    }

    .spiral.three .light-wrapper.light-wrapper-22 {
      -webkit-transform: translate3d(-37.61386453px, -30.45910693px, 80.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-231deg);
      transform: translate3d(-37.61386453px, -30.45910693px, 80.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-231deg);
      width: 7.1627907px;
      height: 7.1627907px;
    }

    .spiral.three .light-wrapper.light-wrapper-22 .light {
      -webkit-animation-duration: 0.82795797s;
      animation-duration: 0.82795797s;
      -webkit-animation-delay: 1.2935234s;
      animation-delay: 1.2935234s;
    }

    .spiral.three .light-wrapper.light-wrapper-23 {
      -webkit-transform: translate3d(-46.70792766px, -24.83504567px, 88.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-242deg);
      transform: translate3d(-46.70792766px, -24.83504567px, 88.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-242deg);
      width: 7.48837209px;
      height: 7.48837209px;
    }

    .spiral.three .light-wrapper.light-wrapper-23 .light {
      -webkit-animation-duration: 0.37054335s;
      animation-duration: 0.37054335s;
      -webkit-animation-delay: 1.29321066s;
      animation-delay: 1.29321066s;
    }

    .spiral.three .light-wrapper.light-wrapper-24 {
      -webkit-transform: translate3d(-55.08315394px, -16.84061019px, 96px) rotateX(90deg) rotateZ(0deg) rotateY(-253deg);
      transform: translate3d(-55.08315394px, -16.84061019px, 96px) rotateX(90deg) rotateZ(0deg) rotateY(-253deg);
      width: 7.81395349px;
      height: 7.81395349px;
    }

    .spiral.three .light-wrapper.light-wrapper-24 .light {
      -webkit-animation-duration: 0.8966696s;
      animation-duration: 0.8966696s;
      -webkit-animation-delay: 0.57729996s;
      animation-delay: 0.57729996s;
    }

    .spiral.three .light-wrapper.light-wrapper-25 {
      -webkit-transform: translate3d(-62.15761846px, -6.53302895px, 104.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-264deg);
      transform: translate3d(-62.15761846px, -6.53302895px, 104.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-264deg);
      width: 8.13953488px;
      height: 8.13953488px;
    }

    .spiral.three .light-wrapper.light-wrapper-25 .light {
      -webkit-animation-duration: 0.98776739s;
      animation-duration: 0.98776739s;
      -webkit-animation-delay: 0.38465405s;
      animation-delay: 0.38465405s;
    }

    .spiral.three .light-wrapper.light-wrapper-26 {
      -webkit-transform: translate3d(-67.34276159px, 5.89172821px, 112.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-275deg);
      transform: translate3d(-67.34276159px, 5.89172821px, 112.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-275deg);
      width: 8.46511628px;
      height: 8.46511628px;
    }

    .spiral.three .light-wrapper.light-wrapper-26 .light {
      -webkit-animation-duration: 1.27460797s;
      animation-duration: 1.27460797s;
      -webkit-animation-delay: 0.63836826s;
      animation-delay: 0.63836826s;
    }

    .spiral.three .light-wrapper.light-wrapper-27 {
      -webkit-transform: translate3d(-70.07597763px, 20.09396324px, 121.5px) rotateX(90deg) rotateZ(0deg) rotateY(-286deg);
      transform: translate3d(-70.07597763px, 20.09396324px, 121.5px) rotateX(90deg) rotateZ(0deg) rotateY(-286deg);
      width: 8.79069767px;
      height: 8.79069767px;
    }

    .spiral.three .light-wrapper.light-wrapper-27 .light {
      -webkit-animation-duration: 1.28579812s;
      animation-duration: 1.28579812s;
      -webkit-animation-delay: 0.7715223s;
      animation-delay: 0.7715223s;
    }

    .spiral.three .light-wrapper.light-wrapper-28 {
      -webkit-transform: translate3d(-69.8549115px, 35.59285518px, 130.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-297deg);
      transform: translate3d(-69.8549115px, 35.59285518px, 130.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-297deg);
      width: 9.11627907px;
      height: 9.11627907px;
    }

    .spiral.three .light-wrapper.light-wrapper-28 .light {
      -webkit-animation-duration: 0.4087331s;
      animation-duration: 0.4087331s;
      -webkit-animation-delay: 0.78244675s;
      animation-delay: 0.78244675s;
    }

    .spiral.three .light-wrapper.light-wrapper-29 {
      -webkit-transform: translate3d(-66.27170438px, 51.77713007px, 140.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-308deg);
      transform: translate3d(-66.27170438px, 51.77713007px, 140.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-308deg);
      width: 9.44186047px;
      height: 9.44186047px;
    }

    .spiral.three .light-wrapper.light-wrapper-29 .light {
      -webkit-animation-duration: 0.31147768s;
      animation-duration: 0.31147768s;
      -webkit-animation-delay: 1.10180549s;
      animation-delay: 1.10180549s;
    }

    .spiral.three .light-wrapper.light-wrapper-30 {
      -webkit-transform: translate3d(-59.04531261px, 67.92386222px, 150px) rotateX(90deg) rotateZ(0deg) rotateY(-319deg);
      transform: translate3d(-59.04531261px, 67.92386222px, 150px) rotateX(90deg) rotateZ(0deg) rotateY(-319deg);
      width: 9.76744186px;
      height: 9.76744186px;
    }

    .spiral.three .light-wrapper.light-wrapper-30 .light {
      -webkit-animation-duration: 1.26769224s;
      animation-duration: 1.26769224s;
      -webkit-animation-delay: 0.49526077s;
      animation-delay: 0.49526077s;
    }

    .spiral.three .light-wrapper.light-wrapper-31 {
      -webkit-transform: translate3d(-48.05px, 83.2250413px, 160.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
      transform: translate3d(-48.05px, 83.2250413px, 160.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-330deg);
      width: 10.09302326px;
      height: 10.09302326px;
    }

    .spiral.three .light-wrapper.light-wrapper-31 .light {
      -webkit-animation-duration: 0.454869s;
      animation-duration: 0.454869s;
      -webkit-animation-delay: 0.36795657s;
      animation-delay: 0.36795657s;
    }

    .spiral.three .light-wrapper.light-wrapper-32 {
      -webkit-transform: translate3d(-33.33817902px, 96.82110214px, 170.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-341deg);
      transform: translate3d(-33.33817902px, 96.82110214px, 170.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-341deg);
      width: 10.41860465px;
      height: 10.41860465px;
    }

    .spiral.three .light-wrapper.light-wrapper-32 .light {
      -webkit-animation-duration: 0.81418289s;
      animation-duration: 0.81418289s;
      -webkit-animation-delay: 0.77621396s;
      animation-delay: 0.77621396s;
    }

    .spiral.three .light-wrapper.light-wrapper-33 {
      -webkit-transform: translate3d(-15.15595069px, 107.84019269px, 181.5px) rotateX(90deg) rotateZ(0deg) rotateY(-352deg);
      transform: translate3d(-15.15595069px, 107.84019269px, 181.5px) rotateX(90deg) rotateZ(0deg) rotateY(-352deg);
      width: 10.74418605px;
      height: 10.74418605px;
    }

    .spiral.three .light-wrapper.light-wrapper-33 .light {
      -webkit-animation-duration: 1.031404s;
      animation-duration: 1.031404s;
      -webkit-animation-delay: 0.82969802s;
      animation-delay: 0.82969802s;
    }

    .spiral.three .light-wrapper.light-wrapper-34 {
      -webkit-transform: translate3d(6.05003654px, 115.44157422px, 192.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-363deg);
      transform: translate3d(6.05003654px, 115.44157422px, 192.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-363deg);
      width: 11.06976744px;
      height: 11.06976744px;
    }

    .spiral.three .light-wrapper.light-wrapper-34 .light {
      -webkit-animation-duration: 0.75007244s;
      animation-duration: 0.75007244s;
      -webkit-animation-delay: 1.13666852s;
      animation-delay: 1.13666852s;
    }

    .spiral.three .light-wrapper.light-wrapper-35 {
      -webkit-transform: translate3d(29.63543221px, 118.86122647px, 204.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-374deg);
      transform: translate3d(29.63543221px, 118.86122647px, 204.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-374deg);
      width: 11.39534884px;
      height: 11.39534884px;
    }

    .spiral.three .light-wrapper.light-wrapper-35 .light {
      -webkit-animation-duration: 0.48614639s;
      animation-duration: 0.48614639s;
      -webkit-animation-delay: 0.53077528s;
      animation-delay: 0.53077528s;
    }

    .spiral.three .light-wrapper.light-wrapper-36 {
      -webkit-transform: translate3d(54.77132672px, 117.4574892px, 216px) rotateX(90deg) rotateZ(0deg) rotateY(-385deg);
      transform: translate3d(54.77132672px, 117.4574892px, 216px) rotateX(90deg) rotateZ(0deg) rotateY(-385deg);
      width: 11.72093023px;
      height: 11.72093023px;
    }

    .spiral.three .light-wrapper.light-wrapper-36 .light {
      -webkit-animation-duration: 0.4265194s;
      animation-duration: 0.4265194s;
      -webkit-animation-delay: 0.75450516s;
      animation-delay: 0.75450516s;
    }

    .spiral.three .light-wrapper.light-wrapper-37 {
      -webkit-transform: translate3d(80.46780104px, 110.75442653px, 228.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-396deg);
      transform: translate3d(80.46780104px, 110.75442653px, 228.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-396deg);
      width: 12.04651163px;
      height: 12.04651163px;
    }

    .spiral.three .light-wrapper.light-wrapper-37 .light {
      -webkit-animation-duration: 0.47427711s;
      animation-duration: 0.47427711s;
      -webkit-animation-delay: 1.24600185s;
      animation-delay: 1.24600185s;
    }

    .spiral.three .light-wrapper.light-wrapper-38 {
      -webkit-transform: translate3d(105.60747451px, 98.48056319px, 240.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-407deg);
      transform: translate3d(105.60747451px, 98.48056319px, 240.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-407deg);
      width: 12.37209302px;
      height: 12.37209302px;
    }

    .spiral.three .light-wrapper.light-wrapper-38 .light {
      -webkit-animation-duration: 0.97903393s;
      animation-duration: 0.97903393s;
      -webkit-animation-delay: 0.45450681s;
      animation-delay: 0.45450681s;
    }

    .spiral.three .light-wrapper.light-wrapper-39 {
      -webkit-transform: translate3d(128.98811543px, 80.60072009px, 253.5px) rotateX(90deg) rotateZ(0deg) rotateY(-418deg);
      transform: translate3d(128.98811543px, 80.60072009px, 253.5px) rotateX(90deg) rotateZ(0deg) rotateY(-418deg);
      width: 12.69767442px;
      height: 12.69767442px;
    }

    .spiral.three .light-wrapper.light-wrapper-39 .light {
      -webkit-animation-duration: 1.09867648s;
      animation-duration: 1.09867648s;
      -webkit-animation-delay: 1.20272997s;
      animation-delay: 1.20272997s;
    }

    .spiral.three .light-wrapper.light-wrapper-40 {
      -webkit-transform: translate3d(149.37286824px, 57.33887193px, 266.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-429deg);
      transform: translate3d(149.37286824px, 57.33887193px, 266.66666667px) rotateX(90deg) rotateZ(0deg) rotateY(-429deg);
      width: 13.02325581px;
      height: 13.02325581px;
    }

    .spiral.three .light-wrapper.light-wrapper-40 .light {
      -webkit-animation-duration: 0.4992285s;
      animation-duration: 0.4992285s;
      -webkit-animation-delay: 0.56857689s;
      animation-delay: 0.56857689s;
    }

    .spiral.three .light-wrapper.light-wrapper-41 {
      -webkit-transform: translate3d(165.54618328px, 29.19025867px, 280.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-440deg);
      transform: translate3d(165.54618328px, 29.19025867px, 280.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-440deg);
      width: 13.34883721px;
      height: 13.34883721px;
    }

    .spiral.three .light-wrapper.light-wrapper-41 .light {
      -webkit-animation-duration: 0.33769999s;
      animation-duration: 0.33769999s;
      -webkit-animation-delay: 1.12104357s;
      animation-delay: 1.12104357s;
    }

    .spiral.three .light-wrapper.light-wrapper-42 {
      -webkit-transform: translate3d(176.37313343px, -3.0786045px, 294px) rotateX(90deg) rotateZ(0deg) rotateY(-451deg);
      transform: translate3d(176.37313343px, -3.0786045px, 294px) rotateX(90deg) rotateZ(0deg) rotateY(-451deg);
      width: 13.6744186px;
      height: 13.6744186px;
    }

    .spiral.three .light-wrapper.light-wrapper-42 .light {
      -webkit-animation-duration: 0.33604776s;
      animation-duration: 0.33604776s;
      -webkit-animation-delay: 1.23125633s;
      animation-delay: 1.23125633s;
    }

    .spiral.three .light-wrapper.light-wrapper-43 {
      -webkit-transform: translate3d(180.85949138px, -38.44287163px, 308.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-462deg);
      transform: translate3d(180.85949138px, -38.44287163px, 308.16666667px) rotateX(90deg) rotateZ(0deg) rotateY(-462deg);
      width: 14px;
      height: 14px;
    }

    .spiral.three .light-wrapper.light-wrapper-43 .light {
      -webkit-animation-duration: 0.93403743s;
      animation-duration: 0.93403743s;
      -webkit-animation-delay: 0.55938843s;
      animation-delay: 0.55938843s;
    }

    @-webkit-keyframes pulsate {
      0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.4;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes pulsate {
      0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.4;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @-webkit-keyframes pulsate-star {
      0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.8;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
      }
    }

    @keyframes pulsate-star {
      0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.8;
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
      }
    }

    @-webkit-keyframes rotate-tree {
      0% {
        -webkit-transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
        transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
      }

      100% {
        -webkit-transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
        transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
      }
    }

    @keyframes rotate-tree {
      0% {
        -webkit-transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
        transform: rotateX(-90deg) rotateZ(0deg) rotateY(0deg);
      }

      100% {
        -webkit-transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
        transform: rotateX(-90deg) rotateZ(360deg) rotateY(0deg);
      }
    }
  </style>
</head>

<body>

  <div class="main-wrapper">
    <div class="tree-container">
      <div class="star"></div>
      <div class="spiral-container">
        <ul class="spiral one">
          <li class="light-wrapper light-wrapper-1">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-2">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-3">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-4">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-5">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-6">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-7">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-8">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-9">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-10">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-11">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-12">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-13">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-14">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-15">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-16">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-17">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-18">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-19">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-20">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-21">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-22">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-23">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-24">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-25">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-26">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-27">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-28">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-29">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-30">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-31">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-32">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-33">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-34">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-35">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-36">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-37">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-38">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-39">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-40">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-41">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-42">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-43">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
        </ul>
        <ul class="spiral two">
          <li class="light-wrapper light-wrapper-1">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-2">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-3">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-4">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-5">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-6">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-7">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-8">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-9">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-10">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-11">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-12">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-13">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-14">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-15">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-16">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-17">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-18">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-19">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-20">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-21">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-22">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-23">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-24">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-25">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-26">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-27">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-28">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-29">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-30">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-31">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-32">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-33">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-34">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-35">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-36">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-37">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-38">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-39">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-40">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-41">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-42">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-43">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
        </ul>
        <ul class="spiral three">
          <li class="light-wrapper light-wrapper-1">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-2">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-3">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-4">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-5">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-6">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-7">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-8">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-9">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-10">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-11">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-12">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-13">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-14">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-15">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-16">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-17">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-18">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-19">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-20">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-21">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-22">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-23">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-24">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-25">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-26">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-27">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-28">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-29">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-30">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-31">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-32">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-33">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-34">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-35">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-36">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-37">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-38">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-39">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-40">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-41">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-42">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
          <li class="light-wrapper light-wrapper-43">
            <div class="stabilise">
              <div class="light"></div>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="text-container">
      <h2 class="happy">Merry Christmas</h2>
    </div>
  </div>
</body>

</html>